<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
  <meta charset="UTF-8">
  <title>17sucai - Clock neumorphism</title>
  <link rel="stylesheet" href="./style/clock-style.css" th:href="@{/style/clock-style.css}" media="all">
</head>
<body>
<!-- partial:index.partial.html -->
<input class="input" type="checkbox" name="theme" id="theme" checked />
<label class="label" for="theme"></label>
<main class="main-content light">
  <section class="section">
    <p style="font-size: 32px; font-family: '宋体'; filter: invert(100%);margin-left: 61px;
                     margin-top: -678px;mix-blend-mode: difference;" th:text="${mess}"></p>
    <div class="digital-clock">
      <span class="dig-text" id="dig-hour">00</span>
      <span class="dig-text separator">:</span>
      <span class="dig-text" id="dig-minute">00</span>
      <span class="dig-text separator">:</span>
      <span class="dig-text" id="dig-second">00</span>
    </div>
  </section>
  <section class="section">
    <div class="analog-clock">
      <span class="hour"></span>
      <span class="minute"></span>
      <span class="second"></span>
    </div>
  </section>
</main>
<!-- partial -->
<script src="./js/clock.js" th:src="@{/js/clock.js}"></script>

</body>
</html>
